// 主讲老师管理
function manageSpeakTeacher() {
    // 加载分类列表
    typeList();

    // 添加新增点击事件
    addBtnAction();

    // 添加搜索按钮点击事件
    queryBtnAction(pageClickAction);

    //默认加载第一页数据
    pageClickAction();


    function pageClickAction() {
        console.log(2222222222222+'****************************');
        var data = {
            token: sessionStorage.token,
            page: curPage,
        };
        if ($('#name').val()) data.name = $('#name').val();
        if ($('#type_id').val()) data.type_id = $('#type_id').val();
        if ($('#tel').val()) data.tel = $('#tel').val();
        if ($('#state').val()) data.state = $('#state').val();

        $.ajax({
            url: http_url + 'Speakteacher/index',
            type: 'POST',
            data: data,
            success: function (response) {
                console.log(response);
                if (response.code == 0) {
                    $('tbody').find('tr').remove();
                    showSpeakTeacher(response, pageClickAction);
                }
            }
        });
    }
}

function showSpeakTeacher(response, pageClickAction) {

    createPagiantion(response,pageClickAction);

    var list = response.data.data;
    list.reverse();
    list.forEach(function (list, index) {
        var tr = $('<tr/>').prop('tid',list.id);
        var td_id = $('<td/>').html((curPage - 1) * 10 + index +1);
        var td_name = $('<td/>').html(list.name)
        var td_img = $('<td/>').append($('<img/>').prop('src',http_url_src + list.img));;
        var td_type = $("<td/>").html(list.type);
        var td_brief = $('<td/>').html(list.brief);
        var td_tel = $('<td/>').html(list.tel);
        if (list.state == 1){
            var td_state = $('<td/>').append($('<span/>').addClass("red_dot").html('禁用'));
            var td_action = $('<td/>').append($('<a/>').prop('href', '#').html('推荐首页 ').addClass('recommend'))
                .append($('<a/>').prop('href', '#').html('编辑 ').addClass('edit'))
                .append($('<a/>').prop('href', '#').html('启用 ').addClass('state'))
                .append($('<a/>').prop('href', '#').html('重置密码'));
        }else {
            var td_state = $('<td/>').append($('<span/>').html('未禁用').addClass("blue_dot"));
            var td_action = $('<td/>').append($('<a/>').prop('href', '#').html('推荐首页 ').addClass('recommend'))
                .append($('<a/>').prop('href', '#').html('编辑 ').addClass('edit'))
                .append($('<a/>').prop('href', '#').html('禁用 ').addClass('state'))
                .append($('<a/>').prop('href', '#').html('重置密码'));
        }
        var td_addtime = $ ('<td/>').html(timestampToTime(list.addtime));
        tr.append(td_id).append(td_name).append(td_img).append(td_type).append(td_brief).append(td_tel).append(td_state).append(td_addtime).append(td_action);
        $('table').append(tr);
    });
    // 主讲老师启用禁用接口
    var http_url_state = http_url + 'Speakteacher/state?token=' + sessionStorage.token + '&id=';
    // 主讲老师启用禁用操作， 给class = 'state' 的 a 标签添加点击事件
    stateDelete($('.state'), http_url_state, manageSpeakTeacher);

    // 主讲老师
    var http_url_recommend = http_url + 'Speakteacher/recommend?token=' + sessionStorage.token + '&id=';
    stateDelete($('.recommend'), http_url_recommend, manageSpeakTeacher);

    editBtnSpeakTeacher();
}

function editBtnSpeakTeacher() {
    $('.edit').click(function () {
        var id = $(this).parents('tr').prop('tid');
        console.log(id);
        $.ajax({
            url: http_url + 'SpeakTeacher/teacher_details?token=' + sessionStorage.token + '&id=' + id,
            type: 'GET',
            success: function (response) {
                console.log(response);
                showSpeakTeacherInput(response);
            }
        });
        $('#content_wrap').load('addSpeakTeacher_wy.html', function () {
            editSpeakTeacher();
        });
    });


// 编辑主讲老师确定按钮点击事件
    function editSpeakTeacher() {

        typeList();

        // 三级联动地址
        $("#distpicker").distpicker();
        console.log('正在编辑主讲老师');
        $('#img').change(function (e) {
            var file = e.target.files[0];

            var reader = new FileReader();

            //   图片类型
            imgType = file.type;

            reader.readAsDataURL(file);

            reader.onload = function (e) {
                imgBase64 = e.target.result;
                $('#read').prop('src', imgBase64);
            };
        });
        $('#save').click(function () {

            var data = {
                token: sessionStorage.token,
                id: $('#tel').prop('stuID'),
                name: $('#name').val(),
                tel:$('#tel').val(),
                sex: $('#sex').val(),
                age: $('#age').val(),
                type_id: $('#type_id').val(),
                brief: $('#brief').val(),
            };

            // 输入框不能为空
            if ( !$('#name').val()) return alert('请输入学员姓名');
            if ( !$('#tel').val()) return alert('请输入手机号');
            if ( !$('#sex').val()) return alert('请输入性别');
            if ( !$('#age').val()) return alert('请输入年龄');
            if ( !$('#type_id').val()) return alert('请选择学科');
            if ( !$('#brief').val()) return alert('请输入简介');
            var imgInfo = $('#img')[0].files;
            if (imgInfo.length != 0) {

                var typeArr = ['image/jpg', 'image/gif', 'image/png', 'image/jpeg'];

                var type = imgInfo[0].type;
                if ($.inArray(type, typeArr) != -1) {
                    //创建一个文件读取对象
                    var reader = new FileReader();

                    // FileReader的readAsDataURL方法可以将读取到的文件编码为Data URL
                    reader.readAsDataURL(imgInfo[0]);

                    // 文件读取完毕事件
                    reader.onload = function (e) {
                        console.log(e);
                        // target 属性就用于返回最初触发事件的DOM元素
                        var base64 = e.target.result;

                        // 如果选择了图片，并且图片格式正确，就上传图片
                        data.img = base64;
                        upload(data);
                    };
                }else{
                    alert('请选择正确的图片，图片格式正确');
                }
            } else {
                upload(data);
            }

            // 编辑保存 数据请求
            function upload(data) {

                $.ajax({
                    url: http_url + 'SpeakTeacher/edit',
                    type: 'POST',
                    data: data,
                    success: function (response) {
                        console.log(response);
                        if (response.code == 0) {
                            alert('编辑成功');
                        }
                    }
                });


            }

        });

    }

    // 展示数据到编辑页面
    function showSpeakTeacherInput(response) {
        var info = response.data;
        console.log(info);
        $('#name').val(info.name);
        $('#tel').val(info.tel).prop('stuID',info.id);
        $('#sex').val(info.sex);
        $('#age').val(info.age);
        $('#type_id').val(info.type_id);
        $('#brief').val(info.brief);
        $('#read').prop('src',http_url_src + info.img);
    }
}

